body, .mui-content{
    background: #fff;
}
.mui-bar-nav~.mui-content{
   padding-top: 90px;
}
.state_box{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    margin-top: 44px;
    z-index: 9;
    background: #fff;
    padding-top: 14px;
    padding-bottom: 10px;
}
.state_box li{
    float: left;
    width: 50%;
    text-align: center;
    color: #a8a8a8;
    font-size:14px;
    position: relative;
    list-style: none;
}
.state_box li:nth-child(1){
    border-right: 1px solid #e0e0e0;
}
.state_box .state_act{
    color: #03b8a5;
}
.state_act span{
    width: 30%;
    height: 1.5px;
    background: #03b8a5;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -15%;
}
.line{
    width: 100%;
    height: 5px;
    background: #f4f4f4;
}
.record_box{
    width: 100%;
    height: auto;
    margin:0;
}
.record_box .record{
    width: 100%;
    margin: 0 auto;
}
.record_box .record .goods_box{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e0e0e0;
}
.record_box .record .goods_box .lottery_img{
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 15px;
    margin-top: 15px;
    margin-left: 5%;
    margin-bottom: 14px;
}
.record_box .record .goods_box .lottery_img img{
    width: 52px;
    height: 52px;
}
.record_box .record .goods_box .lottery_info{
    float: left;
    margin-top: 12px;
    font-size: 12px;
    color: #696969;
}
.record_box .record .goods_box .lottery_info .name{
    color: #313131;
}
.record_box .record .goods_box .lottery_grade{
    float: right;
    width: 42px;
    margin-right: 20px;
    margin-top: 19px;
}
.record_box .record .goods_box .lottery_grade img{
    width: 42px;
}
.record_box .record .code_box{
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    padding: 0;
}
.record_box .record .code_box .code{
    color: #303030;
    float: left;
    font-size: 13px;
    margin-left: 5%;
}
.record_box .record .code_box .get{
    float: right;
    color: #fff;
    font-size: 12px;
    padding: 7px;
    background: #05b8a5;
    margin-top: 8px;
    line-height: 12px;
    margin-right: 22px;
}
.record_box .record .code_box .copy{
    float: left;
    margin-left: 10px;
    border:1px solid #b6b6b6;
    color: #696969;
    font-size: 12px;
    line-height: 12px;
    padding: 3px 10px;
    margin-top: 11px;
    position: relative;
}
.record_box .record .code_box input{
    position: absolute;
    right: 25%;
    background: transparent;
    border: none;
    width: 52%;
    height: 20px;
    top: 11px;
    color: transparent;
    opacity: 0;
    /*display: none;*/
}
.get_info{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    top:0;
    left:0;
    z-index: 99;
}
.info_box{
    width: 80%;
    margin: 30% auto;
}
.info_box img{
    width: 100%;
    display: block;
}
.prize_info{
    position: absolute;
    top: 52%;
    width: 60%;
    left: 39%;
}
.prize_info select{
    width: 52px;
    background: #fdeded;
    margin-bottom: 0;
    /* opacity: 0.8; */
    height: 24px;
    margin-right: 7px;
    padding: 0;
    font-size: 12px;
    color: #afadae;
    text-align: center;
    padding-left: 3px;
}
.prize_info input{
    background: #fdeded;
    width: 73%;
    height: 25px;
    margin-top: 10px;
    border:none;
    padding: 0;
    padding-left: 5px;
    color: #afadae;
    font-size: 12px;
}
.submit_info{
    position: absolute;
    top: 99%;
    left: -32%;
    width: 100%;
    height: 50px;
}
.close_goods{
    position: absolute;
    top: 17%;
    right: 11%;
    width: 32px;
    height: 32px;
}